<template>
  <div class="main-layout">
    <main class="main-content">
      <router-view />
    </main>
  </div>
</template>

<script lang="ts">
import { defineComponent, computed } from 'vue'
import { useStore } from 'vuex'

export default defineComponent({
  name: 'MainLayout',
  setup() {
    const store = useStore()
    
    // 获取路由列表
    const routes = computed(() => {
      return store.state.route.routes
    })

    return {
      routes
    }
  }
})
</script>

<style scoped>
.main-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}



.main-content {
  flex: 1;
}
</style> 